<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="keywords" content="">
		<title>众筹中原-提供您身边的万元股权投资项目</title>
		<link rel="stylesheet" href="/css/public.css" />
		<link rel="stylesheet" href="/css/index.css" />
	</head>

	<body>
		<!-- 头部 -->
		<header>
			<div class="center clearfix">
				<div class="rt_head">
					<span>
						<img src="/images/head_call.png" alt=""> 官方咨询电话：
						<b>400-999-8235</b>
					</span>
					<span>
						<img src="/images/head_scan.png" />微信公众号
					</span>
					<span>
						<a href="###">
							关于我们
						</a>
					</span>
				</div>
			</div>
		</header>
		<!-- 导航nav -->
		<nav>
			<div class="center" style="position: relative;">
				<a href="/" class="logo"></a>
				<div class="nav_tab">
					<a href="/">首页</a>
					<a href="productShow">展示类项目</a>
					<a href="zczyItem/transactionalOne/">交易类项目</a>
					<a href="okProject">已成功项目</a>
					<a href="fundingCommunity">众筹社区</a>
				</div>
				<a href="sponsorFunding" class="gradient add_zc">
					+发起众筹
				</a>
				<div class="log_txt">
					<a href="###">登录</a>|
					<a href="###">注册</a>
				</div>
			</div>
		</nav>
		<!--间隔-->
		<div class="nuk"></div>
		<!-- 头图 -->
		<div class="banner_pic_list2"></div>
		<!-- 切换 -->
		<div class="w_num bg_f6">
			<div class="w_main pro_px">
				<span>项目排序：</span>
				<a href="###" class="active">默认</a>
				<a href="###">即将结束</a>
				<a href="###">最新上线</a>
				<a href="###">预约最多</a>
				<div style="float: right;line-height: 70px;">
					<span>项目排序：</span>
				<a href="###" class="active">默认</a>
				<a href="###">众筹中</a>
				<a href="###">已成功</a>
				</div>
			</div>
		</div>
		<!--项目列表-->
		<div class="center">
<!--			怎么循环执行5个且是根据9id查询的-->
			<a href="/zczyItem/zczyItemOne/" class="lj_shop">
				<div class="pro_panel">
					<div class="shop_img"></div>
					<div class="shop_cont">
						<div class="shop_box">
							<h1  th:text="${byId.getTitle()}"></h1>
							<h6 th:text="${byId.getBrief()}"></h6>
							<h5>
								<span><i class="iconfont icon-icon-test7"></i>意向人数：<span th:text="${byId.getDoLike()}"></span></span>
								<span><i class="iconfont icon-liulan"></i>浏览：<span th:text="${byId.getViews()}"></span></span>
							</h5>
							<ul class="clearfix">
								<li>
									<p>￥<span th:text="${byId.getTargetAmount()}"></span>万</p>
									<span>目标金额</span>
								</li>
								<li>
									<p>￥<span th:text="${byId.getActAmount()}"></span>万</p>
									<span>意向金额</span>
								</li>
								<li>
									<p><span th:text="${result}"></span>天</p>
									<span>剩余时间</span>
								</li>
								<li>
									<p><span th:text="${floor}"></span>%</p>
									<span>众筹进度</span>
								</li>
							</ul>
							<div class="p_six"><em><b th:style="${proportion}" class="gradient"></b></em><span th:text="${floor}"> </span>%</div>
						</div>
					</div>
					<div class="tip_right">
						<img src="/images/zcz_right.png" th:if="${byId.getTargetAmount()} ne ${byId.getActAmount()}" /><!--如果目标金额和已筹金额不相等执行-->
						<img src="/images/mainstatus.png" th:if="${byId.getTargetAmount()} eq ${byId.getActAmount()}"/><!--如果目标金额和已筹金额相等执行-->
					</div>
				</div>			
			</a>
			<a href="###" class="lj_shop">
				<div class="pro_panel">
					<div class="shop_img"></div>
					<div class="shop_cont">
						<div class="shop_box">
							<h1>展示类高级龙井茶</h1>
							<h6>明前龙井茶是清明节前采制的茶叶，受虫害侵扰少，芽叶细嫩，色翠香幽，味醇形美，是茶中佳品。由于清明前气温较低发芽数量有限，能达到采摘标准的产量很少，所以又有“明前茶，贵如金”之说。</h6>
							<h5>
								<span><i class="iconfont icon-icon-test7"></i>意向人数：1452</span>
								<span><i class="iconfont icon-liulan"></i>浏览：567</span>
							</h5>
							<ul class="clearfix">
								<li>
									<p>￥250.75万</p>
									<span>目标金额</span>
								</li>
								<li>
									<p>￥250.75万</p>
									<span>意向金额</span>
								</li>
								<li>
									<p>5天</p>
									<span>剩余时间</span>
								</li>
								<li>
									<p>47%</p>
									<span>众筹进度</span>
								</li>
							</ul>
							<div class="p_six"><em><b style="width:47%;" class="gradient"></b></em><span>47%</span></div>
						</div>
					</div>
					<div class="tip_right">
						<img src="/images/zcz_right.png" />
					</div>
				</div>			
			</a>
			<a href="###" class="lj_shop">
				<div class="pro_panel">
					<div class="shop_img"></div>
					<div class="shop_cont">
						<div class="shop_box">
							<h1>展示类高级龙井茶</h1>
							<h6>明前龙井茶是清明节前采制的茶叶，受虫害侵扰少，芽叶细嫩，色翠香幽，味醇形美，是茶中佳品。由于清明前气温较低发芽数量有限，能达到采摘标准的产量很少，所以又有“明前茶，贵如金”之说。</h6>
							<h5>
								<span><i class="iconfont icon-icon-test7"></i>意向人数：1452</span>
								<span><i class="iconfont icon-liulan"></i>浏览：567</span>
							</h5>
							<ul class="clearfix">
								<li>
									<p>￥250.75万</p>
									<span>目标金额</span>
								</li>
								<li>
									<p>￥250.75万</p>
									<span>意向金额</span>
								</li>
								<li>
									<p>5天</p>
									<span>剩余时间</span>
								</li>
								<li>
									<p>47%</p>
									<span>众筹进度</span>
								</li>
							</ul>
							<div class="p_six"><em><b style="width:47%;" class="gradient"></b></em><span>47%</span></div>
						</div>
					</div>
					<div class="tip_right">
						<img src="/images/zcz_right.png" />
					</div>
				</div>			
			</a>
			
		<!---->
		</div>
		<div class="more_add">
			<i class="iconfont icon-xiangxiajiantou"></i>
		</div>
		<!-- footer -->
		<footer>
			<div class="w clearfix">
				<div class="lg_footer clearfix">
					<div class="sm_footer">
						<div class="gplz">
							<div class="gplz_lj">
								<ul class="" style="">
									<li>
										<a href="http://www.zczyw.com/help/index/id/1">关于我们</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/2">联系我们</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/7">众筹课堂</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/3">注册协议</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/4">发起人协议</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/5">发起人须知</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/6">支持者须知</a>
									</li>
								</ul>
								<p>©2015众筹中原All rights resrved河南华晟网络科技股份有限公司 版权所有 豫ICP备 15010915号</p>
								<p style="margin-top: 14px;">中华人民共和国增值电信业务经营许可证 经营许可证编号：豫B2-20180042</p>
							</div>
						</div>
						<div class="trusted-icon">
							<a href="http://www.51miit.com/auth/CE5B140C67E74642BB83A59AE27312EE/" target="_blank">
								<img src="/images/icp.png" alt="">
							</a>
							<a href="http://www.zczyw.com/Public/statics/img/shangbiaozheng.jpg" target="_blank">
								<img src="/images/shangbiaozheng.png" alt="">
							</a>
							<a href="http://www.zczyw.com/Public/statics/img/zhuzuoquan.jpg" target="_blank">
								<img src="/images/zhuzuoquan.png" alt="">
							</a>
							<a href="http://gsxt.haaic.gov.cn/company/detail.jspx?id=4F8FFD5FE3C8896FE053070A080AC15D&amp;jyzk=jyzc" target="_blank">
								<img src="/images/gongshang.png" alt="河南工商">
							</a>
							<a href="http://webscan.360.cn/index/checkwebsite/url/www.zczyw.com" target="_blank">
								<!--<img border="0" src="http://webscan.360.cn/status/pai/hash/61b2506c91c6f99c2d853ff592ab0a1f"/>-->
								<img border="0" src="/images/360.png">
							</a>
							<a href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=fWJ3bjludDZpMjE%3D%0A&amp;name=%E6%B2%B3%E5%8D%97%E5%8D%8E%E6%99%9F%E7%BD%91%E7%BB%9C%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1" target="_blank">
								<img src="/images/china.png" alt="信用中国">
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- 侧边栏 -->
		<div class="side">

		</div>
		<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
	</body>

</html>